<style type="text/css">
	#content-plistGenre {
	width: 240px;
	position: relative;
	float: left;
	margin: 5px;

}
#content-plistGenre h4 {
	width: 100%;
	padding: 0px 0px 0px 10px;
	margin: 15px 0px 5px 0px;
	background: url('http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/icon_all.gif') no-repeat left -526px;
	color:#2c2c2c;
}
#content-plistGenre ul {
	padding: 15px 5px 5px 5px;
	margin: 0px;
	background: url('http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/linespace.gif');
	background-repeat: repeat-x;
	border: 1px solid #d8d8d8;

}

#content-plistGenre ul li {
	width: 230px;
	padding: 0px;
	border-bottom: 1px solid #e9e9e9;
	height: 110px;
	margin: 0px;
	font-size: 13px;

}
#content-plistGenre ul li:nth-child(5) {
	border-bottom:none;
}
#content-plistGenre ul li p {
	margin: 0px;

}
.listPlaylistGenre-item-title {
	padding: 5px 5px 5px 0px;
	color:#2c2c2c;
}
.listPlaylistGenre-item-title a {
	font-size: 15px;
	font-weight: bold;
	color: #2c2c2c;
	padding: 5px;
}
p.listPlaylistGenre-item-img  {
	float: left;
}
p.listPlaylistGenre-item-img img {
	width: 100px;
	height: 70px;
}
p.listPlaylistGenre-item-detail {
	float: left;
	width: 100px;
	height: 60px;
	padding: 5px 5px 5px 10px;
}
p.listPlaylistGenre-item-detail span:first-child {
	color: #08C;
}
p.listPlaylistGenre-item-detail span {
	width: 100%;
	float:left;
}

.view_all {
	font-size: 12px;
	text-align: right; 
}
.view_all a {
	color:#08C;
	background: url("http://localhost/CODE2012/MusicWeb/application/views/user/public/image/icon/icon_all.gif") no-repeat scroll 62px -1953px transparent;
	padding-right:20px;
}
.view_all a:hover {
	text-decoration: underline;
}


</style>



<div id="content-plistGenre">
	<h4>Playlist liên quan</h4>
	<ul>
	<?php 
	foreach ($data_listPlistGenre as $item) {
		# code...
		echo "<li class='listPlaylistGenre-item'>
		<p class='listPlaylistGenre-item-title'><a href='{$url_path}nghe-playlist/{$item['titlePlist']}/{$item['idPlaylist']}.html' title='Playlist-{$item['strNamePList']} '>{$item['strNamePList']}</a></p>
		<p class='listPlaylistGenre-item-img'><a href='{$url_path}nghe-playlist/{$item['titlePlist']}/{$item['idPlaylist']}.html' title='Playlist-{$item['strNamePList']} '><img src='{$upload_path}image/imgPList/{$item['strPListImage']}'></a></p>
		<p class='listPlaylistGenre-item-detail'>
			<span>{$item['strName']}</span>
			<span>{$item['rating']} lượt nghe</span>
		</p>
		</li>";
	}
	if(count($data_listPlistGenre)>=5) {
	echo "<p class='view_all'><a href='{$url_path}the-loai-{$data_listSongGenre[0]['idGenre']}/{$data_listSongGenre[0]['titleGenre']}/.html' title='Album {$data_listSongGenre[0]['strGenre']}'>Xem tất cả</a></p> ";
	}
	 ?>
	</ul>


</div>